<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>消息</title>
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-touch-fullscreen" content="YES">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--页面共同的CSS，JS-->
    <script src="../../res/js/common/commonCssJS.js"></script>
    <link rel="stylesheet" href="../../res/css/messagesV2/messageClassly.css">
    <style>
        .SQContent{
            width: 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            margin-bottom: 2rem;
            overflow: hidden;
        }
        .minirefresh-scroll{
            margin-top: 2px;
        }
    </style>
</head>

<body>
<section class="messageContent">
    <ul class="typeList">
        <li>
            <img src="../../res/img/messages/XTTZ.png" alt="">
            <span>系统通知</span>
            <span id="TZCount" class="listCount"></span>
        </li>
        <li>
            <img src="../../res/img/messages/DDZT.png" alt="">
            <span>订单状态变更</span>
            <span id="DDZTCount" class="listCount"></span>
        </li>
        <li>
            <img src="../../res/img/messages/SPZT.png" alt="">
            <span>商品状态变更</span>
            <span id="SPZDCount" class="listCount"></span>
        </li>
        <li>
            <img src="../../res/img/messages/SPDQ.png" alt="">
            <span>商品到期提醒</span>
            <span id="SPDQCount" class="listCount"></span>
        </li>
        <li>
            <img src="../../res/img/messages/QBDZ.png" alt="">
            <span>钱包到账通知</span>
            <span id="QBDZCount" class="listCount"></span>
        </li>
        <li>
            <img src="../../res/img/messages/JLBC.png" alt="">
            <span>奖励与补偿</span>
            <span id="JLBCCount" class="listCount"></span>
        </li>
    </ul>
</section>
<!--    社区-->
<div class="SQContent">
    <div style="margin-bottom: 0;" id="communitymRefresh" class="minirefresh-wrap">
        <div class="minirefresh-scroll">
            <ul class="mailList" id="mailList" ></ul>
        </div>
    </div>
</div>
<!--    私信-->
<div class="informContent">
    <div style="margin-bottom: 0;" id="mrefresh" class="minirefresh-wrap">
        <div class="minirefresh-scroll">
            <ul class="informList" id="informList" ></ul>
        </div>
    </div>
</div>
</body>
<!--空-->
<section class="nullContent">
    <img src="../../res/img/common/null.png" alt="">
    <p>这里空空如也</p>
</section>
<script src="../../res/js/messagesV2/informMessage.js?v=1.0.1" ></script>
</html>